<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS基本语法</title> 
<style>
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roma {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}
ul.image{list-style-image: url("ul-image.png")}
</style>
</head>

<body>
<ul class="cricle">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca</li>
</ul>
<ul class="square">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca</li>
</ul>

<ul class="image">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca</li>
</ul>
</body>
</html>